<style>
.diy-editor {
	position: fixed;
    width: 300px;
    right: 100px;
	top:100px;
}
.fe-panel-editor-title {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #999;
    padding-left: 5px;
}

.fe-panel-editor-line {
    min-height: 40px;
    overflow: hidden;
}
</style>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>微信上墙</title>
    <link rel="stylesheet" type="text/css" href="../addons/jy_h5game/resource/xianchang/css/basic.css">
	<script src="../addons/jy_h5game/resource/xianchang/js/basic2.js" type="text/javascript" charset="utf-8"></script>
	<script>
	var WALL_INFO={re_time:1,show_style:1,show_type:1,show_big:false,show_big_time:2,chistory:0}
	</script>
	<script src="../addons/jy_h5game/resource/xianchang/js/screen_wall.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="../addons/jy_h5game/resource/xianchang/css/screen_wall.css?v=11" type="text/css">
	<script src="../addons/jy_h5game/resource/xianchang/js/tool.js" type="text/javascript" charset="utf-8"></script>
</head>
<div class="Panel MsgList">
    <div ng-show="pagedata.info" class="MsgItem" msg_id="meepo" style="margin-bottom: 7.5px; display: block;">
        <div class="head" style="width: 119px; height: 119px; top: 20px; left: 20px; background-image: url({{pagedata.info.avatar}});"></div>
        <div class="nickname" style="width: 1256px; top: 20px; left: 159px; font-size: 27px;">{{pagedata.info.nickname}}</div>
        <div class="msgword" style="width: 1256px; top: 69.75px; left: 159px; font-size: 62px;">{{pagedata.info.message}}</div>
		<div class="infostyle-show" msg_id="12345"><span class="cotrol-style"></span></div>

    </div>
    <div ng-show="pagedata.info2" class="MsgItem" msg_id="meepo" style="margin-bottom: 0px; display: block;">
        <div class="head" style="width: 119px; height: 119px; top: 20px; left: 20px; background-image: url({{pagedata.info2.avatar}});"></div>
        <div class="nickname" style="width: 1256px; top: 20px; left: 159px; font-size: 27px;">{{pagedata.info2.nickname}}</div>
        <div class="msgword" style="width: 1256px; top: 69.75px; left: 159px; font-size: 62px;">{{pagedata.info2.message}}</div>
		<div class="infostyle-show" msg_id="12345"><span class="cotrol-style"></span></div>

    </div>
	<div ng-show="pagedata.info3" class="MsgItem" msg_id="meepo" style="margin-bottom: 7.5px; visibility: visible;">
       <div class="head" style="width: 119px; height: 119px; top: 20px; left: 20px; background-image: url({{pagedata.info3.avatar}});"></div>
        <div class="nickname" style="width: 1256px;  top: 20px; left: 159px; font-size: 27px;">{{pagedata.info3.nickname}}</div>
        <div class="msgword" style="width: 1256px;  top: 69.75px; left: 159px; font-size: 62px;">{{pagedata.info3.message}}</div>
		<div class="infostyle-show" msg_id="12345"><span class="cotrol-style"></span></div>
    </div>
</div>
<div class="diy-editor">
	<div class="fe-panel-editor-line">
				<div style="margin-top:10px;margin-bottom:20px;margin-left:80px;width:275px">
					<div style="height:285px;margin-top:-22px;width:235px;box-sizing:border-box;padding:16px">
							<div id="qrcode-linkurl" ng-init="qrcode(pagedata,'linkurl','',200)">
							</div>
							<div style="margin-top:0px">
							<p style="text-align:center;font-size:16px;color:#fff">微信扫一扫，参与活动</p>
							</div>
					</div>
				</div>
	</div>
</div>
<style>
.detail_Css{
    top: 110px;
    bottom: 81px;
    width: 96%;
    left: 50%;
    margin-left: -48%;
	
   
}
.detail {
	position: absolute;
	background-color: rgb(255, 255, 255);
	display: none;
	border-radius:2px;
}

.detail .close {
	position: absolute;
	top: 10px;
	right: 13px;
	cursor: pointer;
}

.detail .top {
	overflow: hidden;
	width: 88%;
	margin-left: 6%;
	border-bottom: 1px solid gray;
	height: 150px;
	line-height: 150px;
}

.detail .top .header {
	background: url('../addons/jy_h5game/resource/xianchang/images/header_border.png') center no-repeat;
	background-size: 100px 100px;
	height: 100px;
	width: 100px;
	padding-top: 2px;
	float: left;
	margin-top: 33px;
}

.detail .top .header span {
	display: block;
	background: url('../addons/jy_h5game/resource/xianchang/images/header.jpg') white center no-repeat;
	background-size: cover;
	border-radius: 50px;
	width: 85px;
	height: 85px;
	margin-top: 7px;
	margin-left: 7.5px;
}

.detail .top .name {
	color: #e8023c;
	font-size: 28px;
	text-align: center;
	
	float: left;
	font-weight: bold;
	margin-left: 15px;
}

.detail .bottom {
	width: 90%;
	font-size: 30px;
	color: #E8023C;
	padding: 15px 62px;
	padding-right: 0;
	padding-top: 0;
	margin-top: 15px;
	font-weight: bold;
	height: 250px;
	word-break: break-all;
	overflow: hidden;
}

.detail .bottom .only_img{
	max-height: 250px;
	margin-top: 1%;

}
.fans_img{width:40px;height:40px}
</style>
<script>
require(['jinyun_socket'],function(jinyun_socket){
    jinyun_socket.connect(function(){
	 jinyun_socket.join(1);
	});
   //加入聊天室
    jinyun_socket.onmessage=function(res){			
        $(".Panel.MsgList").css({
                display: "block",
                opacity: 1
         });			
		if(scope.pagedata.info !=null){
			if(scope.pagedata.info2 !=null){
				if(scope.pagedata.info3 !=null){
					scope.pagedata.info=scope.pagedata.info2;
					scope.pagedata.info2=scope.pagedata.info3;
					scope.pagedata.info3=JSON.parse(res.message);
				}else{
					scope.pagedata.info3=JSON.parse(res.message);
				}
			}else{
				scope.pagedata.info2=JSON.parse(res.message);
			}
		}else{
			scope.pagedata.info=JSON.parse(res.message);
		}
		scope.$evalAsync();
    }
   //向ID为2的用户发送消息
});
$(function(){
	$('body').on('click','.infostyle-show',function(){
			var _this = $(this);
			clearInterval(show_msg_2);
			var avatar = _this.siblings('.head').css("background-image");
			$(".detail .header span").css({"background-image":avatar});
			$(".detail .name").html(_this.siblings('.nickname').text());
			
			$(".detail .bottom").html(_this.siblings('.msgword').html());
			if($(".detail .bottom").find('.fans_img').length>0){
				$(".detail .bottom").find('.fans_img').attr('class','only_img')
			}
			$(".detail").css({"width":$(".MsgItem").width()+10,"height":$(".MsgList").height()});
			$(".detail").addClass('detail_Css');
			$(".detail").show();
		})
});
</script>
<link rel="stylesheet" type="text/css" href="../addons/jy_h5game/resource/xianchang/css/footer.css">

   <style>
	body {background: url(../addons/jy_h5game/resource/xianchang/style/all/035d.jpg) #000;background-size: cover;}
   </style>

</html>